<template>
<div class="layerRtb layerRtb-threecolumn">
    <three-title :title="{name:'设置'}"></three-title>
    <div class="layerRtb-scroll thinScroll" v-scrollHeight = "84">

        <div class="analyItem" v-for="(item,index) in pmStandards" :key="index">
            <p class="analyItemTit tx-center">标准</p>
            <div class="analyItemCon">
                <p class="fl col-md-12 mb10">
                    <span class="cLightGray pr8">标题</span>
                    <span class="c999999">{{item.sdTitle}}</span></p>
                <p class="fl col-md-12 mb10">
                    <span class="cLightGray pr8">内容</span>
                    <span class="c999999">{{item.cdContent}}</span></p>
                <p class="fl col-md-12 mb10">
                    <label class="col-md-6 mb10">优：
                        <span class="c999999 ml10">({{item.stYouScore}}分)</span></label>
                    <label class="col-md-6 mb10">良：
                        <span class="c999999 ml10">({{item.stLiangScore}}分)</span></label>
                    <label class="col-md-6 mb10">中：
                        <span class="c999999 ml10">({{item.stZhongScore}}分)</span></label>
                    <label class="col-md-6 mb10">差：
                        <span class="c999999 ml10">({{item.stChaScore}}分)</span></label>
                </p>
            <span class="roleFixed" style="color: #85da02;float: right;margin-top: -160px;">{{item.stId | jieduan}}</span>   </div>
       </div>
     </div>

                    <div class="analyItem">
                    <p class="analyItemTit tx-center">综合</p>
                    <div class="analyItemCon">

                    </div>
                </div>
        </div>
</template>
<script>
import {mapGetters} from 'vuex'
import {getPmStandardList} from '../../Resources/Api/index'
export default {
    data () {
        return {
            pmStandards: []
        }
    },
    created () {
        this.getPmStandardList()
    },
    computed: {
        ...mapGetters(['leftInfo'])
    },
    methods: {
        getPmStandardList () {
            getPmStandardList({
                stId: this.leftInfo.stId
            }).then(res => {
                if (res.data.StatusCode === 0) {
                    this.pmStandards = res.data.Body.pmStandards
                }
            }).catch(err => {
                console.log(err)
            })
        }
    },
    filters: {
        jieduan: function (data) {
            if (data === 1) {
                return '咨询'
            } else if (data === 2) {
                return '认知'
            } else if (data === 3) {
                return '考察'
            } else if (data === 4) {
                return '签约'
            }
        }
    },
    watch: {
        leftInfo () {
            this.getPmStandardList()
        }
    }
}
</script>

